<!DOCTYPE html>
<html>
<head>
	<title></title>
	<style type="text/css">
		.close {
		    position: relative;
		    display: inline-block;
		    width: 50px;
		    height: 50px;
		    overflow: hidden;
		}
		.close::before, .close::after {
		  content: '';
		  position: absolute;
		  height: 2px;
		  width: 100%;
		  top: 50%;
		  left: 0;
		  margin-top: -1px;
		  background: #000;
		}
		.close::before {
		  -webkit-transform: rotate(45deg);
		  -moz-transform: rotate(45deg);
		  -ms-transform: rotate(45deg);
		  -o-transform: rotate(45deg);
		  transform: rotate(45deg);
		}
		.close::after {
		  -webkit-transform: rotate(-45deg);
		  -moz-transform: rotate(-45deg);
		  -ms-transform: rotate(-45deg);
		  -o-transform: rotate(-45deg);
		  transform: rotate(-45deg);
		}
		.arrow{
			display: block;
			width: 24px;
			height: 24px;
			border-top: 1px solid #000;
			border-left: 1px solid #000;
		}
		.arrow-left{
			transform: rotate(-45deg);
		}
		.arrow-right{
			transform: rotate(135deg);
		}
	</style>
</head>
<body>
	<div>
		<span class="close big"></span>
		<span class="arrow arrow-left"></span>
		<span class="arrow arrow-right"></span>
	</div>
	<style type="text/css">
		.item{
			display: flex;
			align-items: center;
			justify-content: center;
			justify-content: space-between;
			background: red;
		}
		.item .left{
			display: flex;
			align-items: center;
		}
	</style>
	<div class="item">
		<div class="left">注册时间</div>
		<div class="right">正常正常正常正常正常正常正常</div>
	</div>
	<div class="item">
		<div class="left"><img src="./Group 5.png"><span>常见问题</span></div>
		<div class="right"><span class="arrow arrow-right"></span></div>
	</div>
	<style type="text/css">
		.banner{
			width: 750px;
			height: 371px;
			color: #fff;
			background: url(ce2460f4dfe5f1533e73fee4a2c8bed8.png);
		}
		.banner img{
			margin: 30px;
		}
		.banner h1{
			text-align: center;
			font-size: 46px;
		}
		.banner h2{
			text-align: center;
			font-size: 24px;
			opacity: 0.8;
		}
		.banner h3{
			text-align: center;
			font-size: 30px;
		}
	</style>
	<div class="banner">
		<img src="Page 1.png">
		<h1>改变世界？从学习开始</h1>
		<h2>Beat World？Learn First</h2>
		<h3>-免费试听-</h3>
	</div>
</body>
</html>